<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>支付宝-登录</title>
    <link rel="stylesheet" href="style.css">
    <link rel="short icon" href="https://ts1.cn.mm.bing.net/th/id/R-C.e05fb7d12c52fc08ed0b83cc9aafaa70?rik=n8c5LP%2bsEJF1WQ&riu=http%3a%2f%2fwww.kuaipng.com%2fUploads%2fpic%2fw%2f2021%2f04-21%2f99523%2fwater_99523_698_698_.png&ehk=pHsR6er2LGmrUr%2bVVLRbNE%2bSWMkqOSMyvoYueS4GqDs%3d&risl=&pid=ImgRaw&r=0">
    <script>
        function showwhat(select) {
            let saoma = document.getElementsByClassName('saoma')[0]; //获取扫码按钮密码框
            let mima = document.getElementsByClassName('mima')[0];
            if (select === 'mima'){
                saoma.style.display = 'none';
                mima.style.display = 'block';
            }
                
            else  {
                saoma.style.display = 'block';
                mima.style.display = 'none';
            }
        }
        function denglu(temp) {
            const a = document.getElementsByClassName('admin')[0];
            const b = document.getElementsByClassName('pwd')[0];
            console.log(a.value, b.value);
            if (a.value === 'admin' && b.value === '123') {
                window.location.href = "http://47.116.207.219/homePage" //跳转页面
                // window.location.href="https://www.baidu.com"; //跳转页面
                
                alert('Login successful(登陆成功)');
            } else {
                a.value = temp ;
                b.value = '';
                alert('Please enter the correct password（请输入正确的密码）');
            }
            
        }
    </script>
</head>
<body>
    <div class="head">
        <div class="left"  onclick="window.location.href='https://render.alipay.com/p/yuyan/180020040001212700/' ">支付宝APP</div>
        <div class="right" onclick="window.location.href='https://egg.alipay.com/egg/index.htm'">提建议</div>
        <div class="right" onclick="window.location.href='https://cshall.alipay.com/hall/index.htm'">服务大厅</div>
        <div class="right" onclick="window.location.href='https://render.alipay.com/p/yuyan/180020040001212700/'">支付宝首页</div>
    </div>
    <br><br>
    <div class="all">
        <br><br>
        <!-- <div class="x" onclick="window.location.href='ZFB2.html'">扫码登录</div>
        <div class="y" onclick="window.location.href='ZFB.html'">密码登录</div> -->
        <div class="x" onclick="showwhat('saoma')">扫码登录</div>
        <div class="y" onclick="showwhat('mima')">密码登录</div>
        <br><br>
        <div class="mima"  >
            <form>
                <!-- <span style="font-size: 15px;">  账号：</span> -->
                 <img src="admin.jpg" alt="加载失败" class="photo">
                    <input type="text" placeholder="邮箱地址/手机号" class="admin">
                    <br>
                <!-- <span style="font-size: 15px;">  密码：</span> -->
                 <img src="suo.png" alt="加载失败" class="photo">
                    <input type="password" placeholder="请输入密码" class="pwd">
                    <br>
                <a href="https://accounts.alipay.com/console/querypwd/logonIdInputReset.htm?site=1&scene_code=resetQueryPwd&page_type=fullpage" style="padding-left: 200px;"  target ="_blank">忘记登录密码？</a>
                    <br><br>
                <button onclick="denglu('admin.value')">登 录</button>
                    <br><br>
                <a href="https://login.taobao.com/member/login.jhtml?style=alipay&goto=https%3A%2F%2Flab.alipay.com%3A443%2Fuser%2Fnavigate.htm%3Fsign_from%3D3000" style="padding-right: 200px ;"  target ="_blank">淘宝会员登录</a>
                <a href="https://memberprod.alipay.com/account/reg/index.htm" style="color: rgb(0, 116, 248);"  target ="_blank">免费注册</a>
            </form>
        </div>
        <div class="saoma" style="display: none;">
            <form>
                <img src="OIP-C (1).jfif" alt="加载失败..." style="height: 120px; padding: 38px;">
                <div style="padding-bottom: 20px;">请使用手机支付宝扫码</div>
                <a href="https://cshall.alipay.com/lab/help_detail.htm?help_id=23427066" style="padding-right: 15px;"  target ="_blank">使用帮助</a>
                <span>|</span>
                <a href="https://render.alipay.com/p/yuyan/180020040001212700/" style="padding-left: 15px;"  target ="_blank">下载手机支付宝</a>
            </form>
        </div>
    </div>
    <div class="under">
        <a href="https://ab.alipay.com/"  target ="_blank">关于支付宝</a>
        <span>|</span>
        <a href="#">诚征英才</a>
        <span>|</span>
        <a href="#">联系我们</a>
        <span>|</span>
        <a href="#">International</a>
        <span>|</span>
        <a href="#">Business</a>
        <span>|</span>
        <a href="#">About Alipay</a>
        <br>
        <a href="#">ICP证：合字B2.....</a>
    </div>
</body>
</html>